<template>
  <div ref="wrapper">
    <slot></slot>
  </div>
</template>
<style scoped lang="less">
</style>
<script type="text/ecmascript-6">
  import BScroll  from "better-scroll"
  export default {
    props:{
      probeType:{
        type:Number,
        default:1
      },
      click:{
        type:Boolean,
        default:true
      },
      data:{
        type:Object,
        default:null
      }
    },
    mounted(){
      setTimeout(()=>{
        this._initScroll();
      },20)
    },
    methods:{
      _initScroll(){
        if(!this.$refs.wrapper){
          return false;
        }
        //scroll的初始化
        this.scroll = new BScroll(this.$refs.wrapper,{
          probeType:this.probeType,
          click:this.click
        })
      },
      //代理一些方法
      enable(){
        this.scroll && this.scroll.enable()
      },
      disable(){
        this.scroll && this.scroll.disable()
      },
      refresh(){
        this.scroll && this.scroll.refresh()
      }
    },
    watch:{
      data(){
        setTimeout(()=>{
          this.refresh();
          console.log(111);
        },20)
      }
    }
  }
</script>
